import React, { useEffect, useState } from "react";
import styles from "./test3.module.css";
function Test3() {
  const [arr, setArr] = useState([]);
  useEffect(() => {
    let newArr = [];
    for (let index = 0; index < 25; index++) {
      newArr.push(index);
    }
    setArr(newArr);
  }, []);
  return (
    <div className={styles.container}>
      {/* <div className={styles.box}>
        {arr.map((i) => (
          <div className={styles.item} key={i}>
            {i}
          </div>
        ))}
      </div> */}
      {arr.map((i) => (
        <div className={styles.item} key={i}>
          {i}
        </div>
      ))}
    </div>
  );
}
Test3.prototype.isKeepAlive = true;
export default Test3;
